<template>
  <div>
     <h2>{{content.title}}</h2>
		 <div class="content">
			 <item class="item" v-for="j in 40" auth="this is
			 娃哈哈" info="播放量：11454" :imgLink="require('../../../../assets/img/test.jpg')" describe="100首精选粤语歌 怀念旧时光" ></item>
		 </div>
		 <el-pagination class="pager" background layout="prev, pager, next, jumper" :total="1000"></el-pagination>
  </div>
</template>

<script>
	import item from '../../../../components/swiperItem/songSheet.vue'
  export default{
    name:'',
    data(){
      return {
        
      }
    },
    computed:{
      showGoods(){
        return 0
      }
    },
    props:{
      content:{
        type:Object,
        default(){
          return {
						title:"推荐歌单",content:[
						{
							img:require('../../../../assets/img/test.jpg'),
							info:'播放量：'+123,
							describe:"100首精选粤语歌 怀念旧时光"
						}
					]}
        }
      }
    },
    methods:{
      test(){
        
      }
    },
    components:{
       item
    },
    created(){
      
    },
    activated(){
    
    },
    mounted(){
			document.getElementsByClassName('el-pagination__jump')[0].childNodes[0].nodeValue="跳转至"
    },
    updated(){
      
    },
    deactivated(){
    
    },
    destroyed(){
    
    },
  }
</script>

<style scoped>
	.content{
		margin-top: 20px;
	}
	.item{
		display: inline-block;
		margin: 10px 8px 10px 0px;
	}
	.item:nth-of-type(5n){
		margin-right: 0px;
	}
</style>
